<%@ Page Language="C#" AutoEventWireup="true" Inherits="Documentation_WebControls_Container" Codebehind="Container.aspx.cs" %>

<%@ Register Assembly="Pampa.WebControls" Namespace="Pampa.WebControls" TagPrefix="cc1" %>


<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="../../Css/Layout.css" rel="stylesheet" type="text/css"/>        
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <span class="title">Containers</span>
        <br />
        <br />
        There are a few containers used by Pampa.Net to build CRUD pages and availables for independently using. <br />           
        <br />
        <br />
        <br />
        
        <span class="subtitle">Colapsable Panel</span>
        <br />                
        <br />        
        <cc1:CollapsablePanel ID="CollapsablePanel1" runat="server">
        <br />   
        &nbsp;&nbsp;&nbsp;Sample of text to show in a Colapsable Panel
        <br />   
        <br />           
        </cc1:CollapsablePanel>
        <br />        
        <br />
        <br />
                   
        <span class="subtitle">Floating Window</span>
        <br />                             
        <br />   
        This container is useful to build floating windows. 
        You just need to add the container to the aspx page and then you will be able to add to it whatever aspx or html content you want.
        When the page is showed, the floating window will be no visible until you call the method OpenFloatingWindow(ID) where ID is the id of the floating window control itself.      
        On the other hand, if you want a button to open the window you could use another control provided by the library called "OpenWindowButton" 
        and setting the property "FloatingWindowID" you can say the button which floating window you want to open.
        Let's see an example.<br /><br/>
        
        <cc1:FloatingWindow ID="FloatingWindow1" runat="server" Width="300px" Height="150px" Title="Title">
        <br/>Hi, this is a sample of a Floating Window<br/>
        <br/>Here you could put whatever you want...
        </cc1:FloatingWindow>
        <cc1:OpenWindowButton ID="OpenWindowButton1" runat="server" FloatingWindowID="FloatingWindow1" Text="Open Floating Window"/>
        <br />         
        <br />         
        <br />         

        <span class="subtitle">Modal Behaviour</span>
        <br />                
        <br />         
        If you need a modal window you just need to set the property Modal in the OpenWindowButton or call to OpenFloatingWindow(ID, true).<br/>
        Let's see an example.<br /><br/>
        <cc1:OpenWindowButton ID="OpenWindowButton2" runat="server" Modal=true FloatingWindowID="FloatingWindow1" Text="Open Floating Window Modal"/>
    </div>
    </form>
</body>
</html>
